import React from 'react';
import Nav from '../../components/nav/Nav';


class App extends React.Component {
    constructor( props){
        super(props);
        this.displayName = 'App';
        this.state = {
            navposition: 0
        }
    }

    // componentWillMount(){
    //     let position = 0;
    //     let page = this.props.params.mainpage;
    //     switch (page) {
    //         case 'mainclub':
    //           position = 0;
    //           break;
    //         case 'mainathlete':
    //           position = 1;
    //           break;
    //         case 'mainschedule':
    //           position = 2;
    //           break;
    //         case 'mainvideo':
    //           position = 3;
    //           break;
    //         case 'mainrule':
    //           position = 4;
    //           break;
    //         default:
    //             position = 0;
    //     };
    //     this.setState({
    //         navposition: position,
    //     });
    // }

    render() {
        return (
            <div>
                <Nav mode="nav" position = {this.state.navposition}/>
                {this.props.children}
            </div>
        ); }
}
export default App;
